<!--邀请分享-->
<template>
  <div class="bg">
    <div class="bg main1" v-if="inviteCode">

      <LImage class="image" :src="Config.img('shareInvite'+type+'.png')"></LImage>


      <div class="button">
        <div class="column">
          <text class="font28 lan text" v-if="inviteScale">{{T('立即注册您将获得，${1}%交易奖励！').replace("${1}", inviteScale)}}</text>
          <text class="font28 lan text" v-else>{{T('数字资产AI量化服务平台')}}</text>
          <div class="height30"></div>
          <text class="font28 lan">{{T('邀请码')+'：'+inviteCode}}</text>
        </div>
        <div class="all"></div>
        <WeexQRCode class="code main1" :code="Config.inviteUrl+inviteCode" style="width:110px;height:110px;"></WeexQRCode>
      </div>
    </div>
  </div>
</template>

<script>

//功能
import navigator from "@/_js/navigator";
import math from "@/_js/math";
import Config from "@/_js/config";

import I18N from "@/_i18n/i18n";
var T = I18N.t;

export default {


  data() {
    return {
      T:T,
      math:math,
      Config:Config,

      type:1,//类型
      inviteScale:undefined, //邀请比例
      inviteCode:undefined, //邀请码
    };
  },

  mounted() {

    this.type = navigator.getParam("type");
    this.inviteScale = navigator.getParam("inviteScale");
    this.inviteCode = navigator.getParam("inviteCode");
  },

  methods: {
  }
}

</script>


<style src="@/_css/style.css"></style>
<style scoped>
.bg {
  width: 750px;
  height: 1334px;
}
.image {
  position: absolute;
  width: 750px;
  height: 1333px;
}

/************ 数据*/
.button{
  position: absolute;
  flex-direction: row;
  align-items: center;
  width: 750px;
  height: 181px;

  background-color: #F1F4FF;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;

  padding-left: 55px;
  padding-right: 62px;

  bottom: 0;
}
.text{
  width: 460px;
}
.code{
  width: 123px;
  height: 123px;
}
.lan{
  color: #0084FF;
}
.height30{
  height: 30px;
}
</style>